<template>
    <div>
        <div class="login_right">
            <div class="login_d1">全网免费咨询热线：<span>4008-365-895</span> 丨 申请试用丨 收藏本站 丨</div>
        </div>
        <div class="login_d2">
            <div class="login_d3">
                <div class="login_logo"><img src="../../images/dllogo.png" /></div>
                <div class="login_size3">
                    <span class="login_size1">北京恩讯信息科技</span><br />
                    <span class="login_size2">Beijing Enxun Info & Tech Co.,Ltd</span>
                </div>
                <div class="login_gzh"><img src="../../images/gzh.png" />
                </div>
                <div class="login_gzh1">
                上万名领导干部都在看的公众号<br />
                每日领导干部决策
                </div>
            </div>
        </div>
        <div class="login_banner">
            <div class="login_tuda">
                <div class="login_banner1">
                    <div class="login_dian">
                        <img style="margin-top:67px" src="../../images/dian.png" /><br />
                        <img style="margin-top:25px" src="../../images/dian.png" /><br />
                        <img style="margin-top:66px" src="../../images/dian.png" />
                    </div>
                    <div class="login_banner2">
                        <ul>
                        <li>网上网下同步监测，数据全面不漏检。</li>
                        <li>网上——东方剪报自主研发的专利——<br />
                        全媒体舆情监测大数据智能管理系统抓取数据（ 目前中国第一也是唯一）</li>
                        <li>网下——北京到全国的人工信息查阅团队，<br />
                        通过<span>200家图书馆、500家剪报俱乐部、200个城市记者站、2000<br />
                        名信息员</span>翻阅报纸、录制广电信息，做到信息全面不漏检。 </li>
                        </ul>
                    </div>
                </div>
                <div class="login_denglu">
                    <div class="login_banner3"></div>
                    <div class="login_banner4">用户登录</div>
                    <div class="login_denglu1">
                        <form>
                            <span>账户</span>
                            <input type="text" name="username" ref="name" class="login_kuang" @blur.prevent="move"/><br>
                            <p v-if="shown">{{msgOne}}</p>
                        </form>
                        <form class="login_denglu2">
                            <span>密码</span>
                            <input name="password" type="password" ref="pwd"  class="login_kuang"  @blur.prevent="lave"/><br>
                            <p v-if="showp">{{msgTwo}}</p>
                        </form>
                        <form class="login_denglu3">
                            <input name="" type="checkbox"/>
                            <span>记住密码</span>
                        </form>
                        <div class="login_denglu4">
                            <!-- <router-link :to="{name:'index'}"> -->
                                <img @click="Login"  src="../../images/denglu.png" />
                            <!-- </router-link> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="login_neirong">
            <div class="login_youshi">
                <img src="../../images/gang.png" />
                恩讯舆情监测三大优势
                <img src="../../images/gang.png" />
            </div>
            <div class="login_youshi1">
                <ul>
                    <li class="login_youshi2">01</li>
                    <li class="login_youshi3">02</li>
                    <li class="login_youshi4">03</li>
                    <li class="login_youshi5">数据全</li>
                    <li class="login_youshi6">响应快</li>
                    <li class="login_youshi7">易操作</li>
                </ul>
            </div>
            <div class="login_hexin">
                <img src="../../images/gang.png" />
                恩讯舆情监测六大核心
                <img src="../../images/gang.png" />
            </div>
            <div class="login_hexin1">
                <div class="login_hexin11">虚拟化云技术处理</div>
                <div class="login_hexin111">容纳性强，容错率高，数据更稳定、<br />
                                        更安全、更及时。
                </div>
            </div>
            <div class="login_hexin2">
                <div class="login_hexin22">三维空间关键词星图</div>
                <div class="login_hexin222">数据回收包括已用和未用数据，资源<br />
                                        合理化运用，全面式数据，联系更具<br />
                                        准确性。
                </div>
            </div>
            <div class="login_hexin3">
                <div class="login_hexin33">自动过滤垃圾</div>
                <div class="login_hexin333">自动从海量信息中提取客户指定的内容：标<br />
                                        题、内容、作者、来源、发行量、广告价值<br />
                                        等，准确率达99%；自动过滤掉客户不需要<br />
                                        的各种垃圾信息。
                </div>
            </div>
            <div class="login_hexin4">
                <div class="login_hexin44">相似文章算法</div>
                <div class="login_hexin444">自动根据信息相似度分析出同一主<br />
                                        题的传播形式，生成传播轨迹图表。
                </div>
            </div>
            <div class="login_hexin5">
                <div class="login_hexin55">分布式文件系统</div>
                <div class="login_hexin555">数据保护（换点不换面）利于舆情数<br />
                                        据安全。
                </div>
            </div>
            <div class="login_hexin6">
                <div class="login_hexin66">强大的采集功能</div>
                <div class="login_hexin666">东方舆情能够搜索境内外网站、新闻、论<br />
                                    坛、博客、微博、微信、等媒体舆情信息，<br />
                                    只要存在都要采集到，为全网络舆情监测<br />
                                    提供重要数据保障。
                </div>
            </div>
        </div>
        <div class="login_di1">
            E-mail:scb@nxunbj.com&nbsp;&nbsp;&nbsp;服务热线:4008-365-895 京ICP备08000526&nbsp;版权所有:北京恩讯信息科技有限公司<br />
            恩讯舆情监测研发中心地址 ：北京CBD朝阳区慈云寺住邦2000四号楼18层&nbsp;北京恩讯信息科技有限公司/舆情监测中心
        </div>
    </div>
</template>

<script>
import {setCookie,getCookie} from './cookie.js';
export default {
    data(){
        return{
            shown:false,
            showp:false,
            msgOne:"*账户名错误",
            msgTwo:"*密码错误",
        }
    },
    mounted(){
        if(getCookie('username')){
            location.href='/#/index';
        }
    },
    methods:{
        Login(){
            alert(1);
            var user=this.$refs.name.value;
            var pwd=this.$refs.pwd.value;
            // let data={'username':user,'password':pwd};
            // this.$ajax.post('/user/login?password=111111&username=%20tacx01',data,{
            //     transformRequest:[
            //         function(data){
            //             return JSON.stringify(data);
            //         }
            //     ]
            // },{
            //     headers:{
            //         'username':'tacx01',
            //         'password':'111111'
            //     }
            // })
            var data={"username":user,"password":pwd};
            this.$ajax.post('/user/login?password=111111&username=%20tacx01',JSON.stringify(data)
            ,{
                headers:{
                    'username':"tacx01",
                    'password':"111111"
                }
            }
            )
            .then(res=>{
                console.log(data);
                if(user=="username" && pwd=="password"){
                    location.href='/#/index';
                }else{
                    location.href='/#/login';
                    this.shown=true;
                    this.showp=true;
                }
            })
            .catch(err=>{
                console.log(err)
            })
        },
        move(){
            // var p=/^\d{11}&/;
            var user=this.$refs.name.value;
            if(user==''){
                this.shown=true;
            }else{
                this.shown=false;
            }
            // if(p.test(user)){
            //   alert('格式错了')
            // }
        },
        lave(){
            // var p=/^[a-zA-Z][a-zA-Z0-9]{3,16}$/;
            var pwd=this.$refs.pwd.value;
            if(pwd==''){
                this.showp=true;
            }else{
                this.showp=false;
            }
        }
    }
}
</script>

<style  >
    .login_denglu1 form p{
        color: red;
        font-size: 15px;
        text-align: center;
    }
    @import url('./login.css');
</style>
